<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="description" content="WebRTC code samples" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1"
    />
    <meta itemprop="description" content="Client-side WebRTC code samples" />
    <meta itemprop="name" content="WebRTC code samples" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta id="theme-color" name="theme-color" content="#ffffff" />

    <base target="_blank" />

    <title>屏幕共享和涂鸦</title>

    <link rel="stylesheet" href="css/main.css" />
  </head>

  <body>
    <div id="container">
      <div id="videoBox">
        <video id="gum-local" autoplay playsinline muted></video>
        <canvas></canvas>
      </div>
      <button id="startButton" disabled>共享屏幕</button>
      <button id="clearButton">清屏</button>

      <!-- <fieldset id="options" style="display: none">
        <legend>共享屏幕类型</legend>
        <select id="displaySurface">
          <option value="default" selected>Show default sharing options</option>
          <option value="browser">Prefer to share a browser tab</option>
          <option value="window">Prefer to share a window</option>
          <option value="monitor">Prefer to share an entire screen</option>
        </select>
      </fieldset> -->
      <div id="errorMsg"></div>
    </div>

    <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
    <script src="js/main.js"></script>
    <script src="js/canvas.js"></script>
    <script src="js/lib/ga.js"></script>
  </body>
</html>
